<template>
  <div class="mapVideo">
    <div class="content">
      <div class="mapVideoClose" @click="closePanel"></div>
    </div>
  </div>
</template>
<script setup>
import { clearpanelAll } from '@/utils/map'
const closePanel = () => {
  clearpanelAll()
}
</script>
<style scoped lang="scss">
.mapVideo {
  width: 996px;
  height: 864px;
  background: url('@/assets/images/map/videobg.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -560px;
  left: 5px;
  .content {
    position: relative;
  }
  .mapVideoClose {
    position: absolute;
    width: 45px;
    height: 45px;
    background: url('@/assets/images/map/close.png') no-repeat;
    background-size: 100% 100%;
    top: 170px;
    right: 200px;
    cursor: pointer;
  }
}
</style>
